<template>
<router-link :to="to" class="dh-button"    :style="{top:+top+'%'}">
      <slot  name="icon"></slot>
     <slot></slot>
</router-link>

</template>
<script>
export default {
  name: "navbutton",
  props: {
    top: {
      type: Number,
      default: 25
    },
    to: {
      type: String,
      default: "#"
    },
    imgsrc: {
      type: String,
      default: "#"
    }
  }
};
</script>

<style lang="scss"  >
.dh-button {
  padding: 5px 5px 1px 10px;
  display: inline-block;
  font-size: 12px;
  border: 1px solid #ffe04d;
  border-radius: 18px 0 0 18px;
  background: #ff8e15;
  color: #441900;

  img {
    width: 16px;
    vertical-align: middle;
  }
}
</style>

